<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt" >
<head>
<title>Linguagem de Programação - JavaScript</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- chamando o arquivo css para a marcação da página -->
<link href="css/estilos.css" rel="stylesheet" type="text/css" />
<!-- fim do chamado -->

<!-- Arquivos JavaScript -->
<script src="js/SpryValidationTextField.js" type="text/javascript"></script>
<script src="js/SpryValidationConfirm.js" type="text/javascript"></script>
<!-- fim JavaScript -->

<!-- JavaScritp CSS -->
<link href="js/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<link href="js/SpryValidationConfirm.css" rel="stylesheet" type="text/css" />
<!-- Fim-JavaScript -->
</head>
<body>
<?php
	include ("dados_banco.php");
	// Inclui o script AJAX
?>	
		<div class="quadro_canto_esquerdo">
			
			<!-- (div) apenas do titulo do formulario -->
			<div class="titulo_formulario">Cadastro de Pessoa</div>

			<!-- Formulario de cadastro -->
			<div class="quadro_cadastrado">
				
				<div class="mensagem_erro"><?php
					include_once ("add_pessoa.php");
 ?></div>
				<form id="form_pessoa" method="post" action="">
					
					<div class="separador_campos">
						
						<div class="separador_campo">
							Nome: <input type="text" name="nome" maxlength="20"/>
						</div>
						
						<div class="separador_campo">
							Nascimento: <span id="sprytextfield5">
							<input type="date" name="data_nascimento" maxlength="10"/>
							<b><span class="textfieldRequiredMsg">Digite a data</span><span class="textfieldInvalidFormatMsg">Data inválida.</span></span></b>
						</div>
					</div>		
					
					<div class="separador_campos">
						
						<div class="separador_campo">
							CPF: <span id="sprytextfield1">
							<input type="text" name="cpf" maxlength="14"/>
							<br /><b><span class="textfieldRequiredMsg">Digite o CPF.</span><span class="textfieldInvalidFormatMsg">CPF inválido.</span></span></b>
						</div>
						
						<div class="separador_campo">
							Telefone: <span id="sprytextfield2">
							<input type="text" name="telefone" maxlength="14"/>
							<br /><b><span class="textfieldRequiredMsg">Digite seu número com DDD.</span><span class="textfieldInvalidFormatMsg">Número inválido.</span></span></b> 
						</div>
					</div>
					
					<div class="separador_campos">
						<div class="separador_campo">
							CEP: <span id="sprytextfield3">
							<input type="text" name="cep" maxlength="10"/>
							<br /><b><span class="textfieldRequiredMsg">Digite o CEP.</span><span class="textfieldInvalidFormatMsg">CEP inválido.</span></span></b>
						</div>
						
						<div class="separador_campo">
							E-mail: <span id="sprytextfield4">
							<input type="email" name="email" maxlength="40"/>
							<br /><b><span class="textfieldRequiredMsg">Digite o e-mail.</span><span class="textfieldInvalidFormatMsg">E-mail inválido.</span></span></b>
						</div>
					</div>
					
					<div class="separador_campos">
						
						<div class="separador_campo">
							Senha:<span id="sprytextfield6">
							<input type="password" name="senha" id="senha" maxlength="12"/>
							<br/><b><span class="textfieldRequiredMsg">Digite sua senha.</span></span></b>
						</div>
						
						<div class="separador_campo">
							Confirmar: <span id="spryconfirm1">
							<input type="password" name="confirmar_senha" />
							<br/><b><span class="confirmRequiredMsg">Confirme sua senha.</span><span class="confirmInvalidMsg">As senhas não conferem.</span></span></b>
						</div>
					</div>
					
					<div class="separador_campos"><input name="submit" type="submit" value="Enviar" /></div>
					
				</form>
			</div>
			<!-- Fim do Forumalario -->
		</div>
	
		<div id="quadro_dados_banco">
			<div class="titulo_quadro_dados">Pessoas Cadastradas</div>
			
			<?php 
			include_once("funcao.php");
			$local = conexaoBanco(); echo $_POST['enviarsubmit'];
			
			$sql = ("SELECT nome, cpf, telefone FROM  `pessoa` ORDER BY  `id_pessoa` DESC LIMIT 0 , 30");
			$resultado = mysql_query($sql);
			$linhas = mysql_num_rows($resultado); // Obtém o número de linhas do resultado
			$contador = 0;
			
			for($i = 0; $i < $linhas; $i++) {
				$row = mysql_fetch_row($resultado);
				$contador++;
			?>
				<div class="registro"><b>Nome</b>: <?php echo $row[0]; ?></div>
				<div class="registro"><b>CPF</b>: <?php echo $row[1]; ?></div>
				<div class="registro"><b>Contato</b>: <?php echo $row[2]; ?></div>
			<?php } ?>
			
			<div class="registro"><b>Total</b>: <?php echo $contador; ?></div>
		</div>	

	<!-- fim da (div) conteudo -->
	
<!-- Colendo todos os dados do formulario -->
<script type="text/javascript" language="JavaScript">
	var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "custom", {
		useCharacterMasking : true,
		pattern : "000.000.000-00"
	});
	var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2", "phone_number", {
		format : "phone_custom",
		pattern : "(00) 0000-0000",
		useCharacterMasking : true
	});
	var sprytextfield3 = new Spry.Widget.ValidationTextField("sprytextfield3", "zip_code", {
		format : "zip_us9",
		useCharacterMasking : true
	});
	var sprytextfield4 = new Spry.Widget.ValidationTextField("sprytextfield4", "email");
	var sprytextfield5 = new Spry.Widget.ValidationTextField("sprytextfield5", "date", {
		useCharacterMasking : true,
		format : "yyyy-mm-dd"
	});
	var sprytextfield6 = new Spry.Widget.ValidationTextField("sprytextfield6");
	var spryconfirm1 = new Spry.Widget.ValidationConfirm("spryconfirm1", "senha", {
		validateOn : ["change"]
	}); 
</script>
<!-- fim da coleção de dados -->	

</body>